<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /**
         * push pop unshift shift sort revserve splice
         * 
         * 1. 作用：
         * 2. 返回值
         * 3. 原数组怎么改变的
         * 
         */

        /**
         *  push 
         * 1. 作用：从数组的末尾添加
         * 2. 返回值：新数组的长度
         * 3. 原数组：尾部添加后的新数组
         */

        let arr = [1,2,3,4]
        let res = arr.push(55)
        console.log(res,arr)

        /** 
         *  pop
         *  1. 作用：从尾部删除
         *  2. return： 删除的那个元素
         *  3. 原数组：删除后的数组
         */

        res = arr.pop()
        console.log(res, arr)

        /**
         *  sort:
         *  作用：排序
         *  返回值：排序后的数组
         *  原数组：排序后的数组
         */
        res = arr.sort(function(a,b){
            return b - a;
        })

        console.log('res: ', res)
        console.log('arr: ', arr)
        console.log(res === arr)

        /**
         *  reverse
         *  作用：翻转数组
         *  返回值：反转后的数组
         *  原数组：反转后的数组
         */
        res = arr.reverse()
        console.log('res: ', res)
        console.log('arr: ', arr)
        console.log(res === arr)

        /**
         *  1. 增加： splice(index,0,元素)
         *  2. 替换： splice(index,1,元素)
         *  3. 删除： splice(index,1)
         * 
         *  返回值：被删除元素组成的新数组
         *  原数组：改变后的数组
         */
        arr = [0,9,8,7,6,5,4,3]
        // 删除
        res = arr.splice(2,1)
        

        // 替换：
        res = arr.splice(1,2,777)
      

        // 增加
        res = arr.splice(0,0,555)
        console.log('res: ', res)
        console.log('arr: ', arr)
    </script>
</body>
</html>